
require('../css/register.css');

// 验证码js
let result;
window.onload = function(){
    let captcha1 = new CaptchaMini({
        lineWidth: 1,   //线条宽度
        lineNum: 6,       //线条数量
    });
    let captchaDom = document.querySelector('#captcha')
    captcha1.draw(captchaDom,function(res){
        console.log(res);
        result = res;
    });
}

let btnRegister = document.querySelector('main .form button');
btnRegister.onclick = function(){

    let input = document.querySelectorAll('main .form input');
   
    // 1.做非空判断，若有一项为空，则立即终止
    if (!input[0].value || !input[1].value || !input[2].value || !input[3].value ) {
        common.tip(0,'内容不能为空')
        return false;
    }
        
    // 2.进行格式验证
    if(!/^1[3-9][0-9]{9}$/.test(input[0].value)){
        common.tip(0,'请输入正确的手机号码')
    }else if(input[1].value.toLowerCase() !== result.toLowerCase()){
        common.tip(0,'请输入正确的验证码')
    }else if(!/^\d{6}$/.test(input[2].value)){
        common.tip(0,'密码格式不正确')
    }else if(input[3].value !== input[2].value){
        common.tip(0,'两次密码不相同')
    }else{
        // 下面应该要调接口
        // 根据接口返回的信息给出用户提示
        // 如果注册成功，则跳转至登录页面

        let data = {
            account:input[0].value,
            password:input[2].value,
        }
        // 调用接口函数
        http.post('/users/add',data,function(res){
            if(res.status == 0){
                common.tip(1,'注册成功')
                setTimeout(function(){
                    location.href = './login.html'
                },1500)    
            }else{
                common.tip(0,res.msg);
            }
        })
    }  
}